/* breakpoints */
.title {
  background: transparent;
}

.title h1, .title .field-title a {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #89C6CC;
  font-size: 24px;
  margin-bottom: 10px;
  color: #747474;
  line-height: normal;
  padding-bottom: 10px;
  display: block;
  text-decoration: none;
  cursor: pointer;
}

.title h1:hover, .title .field-title a:hover {
  color: #878787;
}

.title .page__title-block {
  position: relative;
  z-index: 1;
}

.title .page__title-block__content {
  background-color: #f6f6f6;
  margin-top: -45px;
  margin-bottom: 80px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.title .page__title-block__content--heading {
  font-size: 3.125rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.title .page__title-block .breadcrumb {
  background-color: #f6f6f6;
}

.title .page__title-block .breadcrumb-item {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #6c757d;
}

.title .page__title-block .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  font-weight: 400;
}

.title .page__title-block .breadcrumb-item.active {
  font-weight: 700;
}
